<!doctype html>
<html lang="zh-cmn-Hans">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0" />
	<meta name="format-detection" content="telephone=no, address=no, email=no">
	<meta name="apple-mobile-web-app-capable" content="yes" />
	<meta name="x5-orientation" content="portrait">
	<title>我发出的</title>
	<!-- 需支持动态rem -->
	<script src="js/comm.js"></script>
	<link href="lib/weui/weui.min.css" rel="stylesheet">
	<link href="lib/reset/reset.css" rel="stylesheet">
	<link href="css/style.css" rel="stylesheet">
</head>
<body>
<div class="small_page">
	<!--头部 -->
	<div class="small_head whitehd">
		<a href="javascript:history.back();" class="go-back"></a>
		<div class="head-title">我发出的</div>
		<div class="tool-box"><img src="images/amore3.png" style="width:.9rem;"></div>
	</div>
	<!-- 页面主体 -->
	<div class="small_body">
		<div class="weui-flex fa-btn">
			<div class="weui-flex__item">
				<span class="fa-btn_span">我收到的</span>
			</div>
			<div class="weui-flex__item">
				<span class="fa-btn_span checked">我发出的</span>
			</div>
		</div>
<div class="fa-tap_com">
		<div class="fa-head">
			<div class="fa-head_img">
				<img src="images/tx.png">
			</div>
			<div class="fa-head_name">
				<span>~小情调天使~</span><i>收到的</i>
			</div>
			<div class="weui-flex fa-head_num">
				<div class="weui-flex__item">
					<div class="fa-head_tip">金额 (元)</div>
					<div class="fa-head_text">5.00</div>
				</div>
				<div class="weui-flex__item">
					<div class="fa-head_tip">数量 (个)</div>
					<div class="fa-head_text">14</div>
				</div>
			</div>
		</div>
		<div class="weui-cells no-end fa-cells">
			<div class="weui-cell " >					
				<div class="weui-cell__bd">
					<div class="fa-cells_text">我的积分</div>
					<div class="fa-cells_time">9月18日 11:40</div>
				</div>
				<div class="weui-cell__ft">
					<div class="fa-cells_text">1.00 元</div>
					<div class="fa-cells_time">1/1</div>
				</div>
			</div>
			<div class="weui-cell " >					
				<div class="weui-cell__bd">
					<div class="fa-cells_text">我的积分</div>
					<div class="fa-cells_time">9月18日 11:40</div>
				</div>
				<div class="weui-cell__ft">
					<div class="fa-cells_text">1.00 元</div>
					<div class="fa-cells_time">1/1</div>
				</div>
			</div>
			<div class="weui-cell " >					
				<div class="weui-cell__bd">
					<div class="fa-cells_text">我的积分</div>
					<div class="fa-cells_time">9月18日 11:40</div>
				</div>
				<div class="weui-cell__ft">
					<div class="fa-cells_text">1.00 元</div>
					<div class="fa-cells_time">1/1</div>
				</div>
			</div>
			<div class="weui-cell " >					
				<div class="weui-cell__bd">
					<div class="fa-cells_text">我的积分</div>
					<div class="fa-cells_time">9月18日 11:40</div>
				</div>
				<div class="weui-cell__ft">
					<div class="fa-cells_text">1.00 元</div>
					<div class="fa-cells_time">1/1</div>
				</div>
			</div>
		</div>
</div>
<div class="fa-tap_com">
	<div class="fa-head">
		<div class="fa-head_img">
			<img src="images/tx.png">
		</div>
		<div class="fa-head_name">
			<span>~小情调天使~</span><i>发出的</i>
		</div>
		<div class="weui-flex fa-head_num">
			<div class="weui-flex__item">
				<div class="fa-head_tip">金额 (元)</div>
				<div class="fa-head_text">5.00</div>
			</div>
			<div class="weui-flex__item">
				<div class="fa-head_tip">数量 (个)</div>
				<div class="fa-head_text">14</div>
			</div>
		</div>
	</div>
	<div class="weui-cells no-end fa-cells">
		<div class="weui-cell " >					
			<div class="weui-cell__bd">
				<div class="fa-cells_text">我的积分</div>
				<div class="fa-cells_time">9月18日 11:40</div>
			</div>
			<div class="weui-cell__ft">
				<div class="fa-cells_text">1.00 元</div>
				<div class="fa-cells_time">1/1</div>
			</div>
		</div>
		<div class="weui-cell " >					
			<div class="weui-cell__bd">
				<div class="fa-cells_text">我的积分</div>
				<div class="fa-cells_time">9月18日 11:40</div>
			</div>
			<div class="weui-cell__ft">
				<div class="fa-cells_text">1.00 元</div>
				<div class="fa-cells_time">1/1</div>
			</div>
		</div>
		<div class="weui-cell " >					
			<div class="weui-cell__bd">
				<div class="fa-cells_text">我的积分</div>
				<div class="fa-cells_time">9月18日 11:40</div>
			</div>
			<div class="weui-cell__ft">
				<div class="fa-cells_text">1.00 元</div>
				<div class="fa-cells_time">1/1</div>
			</div>
		</div>
		<div class="weui-cell " >					
			<div class="weui-cell__bd">
				<div class="fa-cells_text">我的积分</div>
				<div class="fa-cells_time">9月18日 11:40</div>
			</div>
			<div class="weui-cell__ft">
				<div class="fa-cells_text">1.00 元</div>
				<div class="fa-cells_time">1/1</div>
			</div>
		</div>
	</div>
</div>
		<div class="font-wen">
			<a href="常见问题.html">常见问题</a>
		</div>
	</div>
	 
	
</div>


</body>
<script src="lib/jquery/jquery-2.1.4.min.js"></script>

<script>
	$(function(){
		$(".fa-tap_com").eq(1).show();
		$(".fa-btn").on("click",".weui-flex__item",function(){
			var _title = ['我收到的','我发出的']
			var $index = $(this).index();
			$(this).find("span").addClass("checked");
			$(this).siblings().find("span").removeClass("checked");
			$(".fa-tap_com").eq($index).show().siblings(".fa-tap_com").hide();
			$("title").text(_title[$index]);
			$(".head-title").text(_title[$index]);
		})
	})
</script>

</html>